﻿/**
 *    Copyright 2006 - 2011 Opera Software ASA
 *
 *    Licensed under the Apache License, Version 2.0 (the "License");
 *    you may not use this file except in compliance with the License.
 *    You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *    Unless required by applicable law or agreed to in writing, software
 *    distributed under the License is distributed on an "AS IS" BASIS,
 *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *    See the License for the specific language governing permissions and
 *    limitations under the License.
 *
 **/


.storage_view .sortable-table input.text, .storage_view .sortable-table textarea {
  width: 100%;
  border: none;
  border-radius: 0;
}

input[type='datetime-local'] {
  margin-top: -1px;
  margin-bottom: -1px;
}

.storage_view .sortable-table td, .storage_view .sortable-table th {
  vertical-align: top;
  word-wrap: break-word;
  min-width: 18px;
}

.storage_view .replaced-val {
  color: #AAA;
}

/* editing */

.storage_view .value_container {
  word-wrap: break-word;
  white-space: pre;
}

.storage_view .edit_container {
  display: none;
  margin: -1px 0 2px -2px;
}

.storage_view .edit_mode .edit_container {
  display: block;
}

.storage_view .edit_mode .value_container {
  display: none;
}

.storage_view input[type=text], .storage_view textarea {
  padding: 3px 2px 1px 2px;
  max-height: 700px;
}

.storage_view .sortable-table .value_container > div {
  /* extended with height for div.ellipsis_cont */
  margin-top: 2px;
  margin-bottom: 3px;
  word-wrap: break-word;
  max-height: 700px;
}

/* ellipsis */

.storage_view .sortable-table .ellipsis_cont {
  position: relative;
}

.storage_view .sortable-table td .ellipsis_cont {
  /*
    because .ellipsis is the only things that lives in this container,
    height needs to be specified to take room
  */
  height: 13px;
}

.storage_view .sortable-table th .ellipsis_cont {
  /* header row is lower */
  height: 1em;
  margin-top: 0;
  margin-bottom: 2px;
}

.storage_view .sortable-table th, .storage_view .sortable-table td {
  padding-right: 10px;
}

.storage_view .sortable-table .ellipsis_cont .ellipsis {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#contextmenu .ellipsis_cont, #contextmenu .ellipsis {
  display: inline; /* hide containers in context menu */
}

/* "check" values */

.storage_view .sortable-table .check {
  content: url("../ui-images/menu_check.png");
}

/* columns */
/* .local_storage, .session_storage, .cookies and .widget_preferences might get their own here too */

.storage_view .sortable-table .col_key {
  width: 25%;
}
.storage_view .sortable-table .col_value {
  width: 75%;
}

/* summation-row tweak, as it doesn't sum anything up in the cookie_manager,
  it's just for the add_cookie/add_storage button */
.storage_view .sortable-table tr.sortable-table-summation-row td {
  border-width: 0;
  border-top-width: 1px;
  background: none;
  padding-top: 7px;
  padding-bottom: 11px;
}

.storage_view .sortable-table tr.sortable-table-summation-row {
  background: none;
}

.storage_view .sortable-table tr.runtime_placeholder {
  display: none;
}

/* other sortable-table stuff specific to storage */

.storage_view .sortable-table .header td {
  padding: 6px 5px 2px 20px;
  position: relative;
}

.storage_view .sortable-table td.align-center,
.storage_view .sortable-table td.align-right {
  padding: 0 5px 0 5px;
}
